page-irp-panoramagram-person
{
  .toolbar-ios ion-title{
    padding-left:60px;
    padding-right:60px;
  }
	//.content-center {
	//	text-align: center;
	//}
	//ion-label {
	//	text-align: justify;
	//}
  //  ion-avatar
  //  {
  //      img
  //      {
  //          padding: 5px !important;
  //
  //          border-radius: 0 !important;
  //      }
  //  }
  //
  //.DataGrid {
  //  .GridTitle {
	//  padding-left: 0px !important;
	//  ion-col {
	//	  white-space: normal;
	//  }
  //  }
  //  .GridContent {
  //    padding-left: 0px !important;
  //  }
  //  ion-item {
  //    //padding-left: 0px !important;
  //    min-height: 0 !important;
  //    font-size: 1.3rem;
  //    .item-inner {
  //      padding-right: 0px !important;
  //    }
  //    ion-label {
  //      margin: 0 !important;
  //    }
  //  }
  //  .GridTitle {
  //    background-color: #fdb28c;
  //
  //    ion-row {
  //      font-weight: 600;
  //      color: white;
  //    }
  //  }
  //
  //  .GridContent {
  //    ion-row {
  //      .productname {
  //        //overflow: hidden !important;
  //        //text-overflow: ellipsis !important;
  //        white-space: normal !important;
  //      }
  //    }
  //  }
    .analysis-desc {
      //border-bottom: 1px solid #c8c7cc;
      min-height: auto;
      ion-label {
        text-align: justify;
        &.label-ios:empty {
          margin: 0;
        }
      }
      p {
        display: inline;
        margin: 0;
        line-height: 30px;
        font-size: 1.6rem;
        color: #666;
        white-space: normal;
        word-break: break-all;
      }
      .left{
        display: flex;
        min-height: 70px;
        justify-content: center;
        align-items: center;
        background-color: #51a7e8;
        font-size: 14px;
        color: white;
        white-space: normal;
        word-break: break-all;
        div{
          text-align: center;
        }
      }
      .right{
        display: flex;
        justify-content: space-between;
        //border-bottom: 1px solid #c8c7cc;
        ion-col{
          padding: 0 5px;
        }
      }
      .right .lft{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        span{
          width: 100%;
          white-space: normal !important;
          word-wrap: break-word;
          word-break: break-all;
          text-overflow: ellipsis;
          display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
          -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
          -webkit-line-clamp: 2; /** 显示的行数 **/
          overflow: hidden;  /** 隐藏超出的内容 **/
        }
      }
      .right .rgt{
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-end;

        .smtitle{
          font-size: 14px;
          color:grey;
        }
      }
      .row{
        //padding: 10px 0;
        //border-bottom: 1px solid #c8c7cc;
      }
    }
  .title
  {
    font-size: 16px;
    font-weight: 600;
  }
  .smtitle{
    font-size: 14px;
    //color: gainsboro;
  }
  .substance{
    width: 150px;
    white-space: normal !important;
    word-wrap: break-word;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 3; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
  }

  //  .ContentColorUp:nth-child(2n) {
  //     background-color: #fbe8cd;
  //   }
  //
  //  .ContentColorUp:nth-child(2n + 1) {
  //    background-color: #fddfc6;
  //  }
  //
  //  .ContentColorDown:nth-child(2n) {
  //    background-color: #d7e5f7;
  //  }
  //
  //  .ContentColorDown:nth-child(2n + 1) {
  //    background-color: #e7eff7;
  //  }
  //}
  //
  //.DataGraph {
  //  //padding-top:50px;
  //}
  //
  //.TitleDescription {
  //  white-space: normal;
  //  word-break: break-all;
  //  font-size: 1.6rem;
  //  line-height: 30px;
  //  color: #666;
  //  text-overflow: clip;
  //  .redColor {
  //    white-space: nowrap !important;
  //    text-overflow: clip !important;
  //  }
  //}
  //.Title {
  //  font-weight: 900!important;
  //  line-height: 30px !important;
  //  padding: 0px !important;
  //  //span {
  //  //  background-color: color($colors, primary) !important;
  //  //  padding: 5px;
  //  //  color: white;
  //  //  margin-right: 10px;
  //  //}
  //  i,
  //  h3 {
  //    display: inline-block;
  //    font-weight: bold;
  //    font-size: 1.6rem;
  //  }
  //  i {
  //    margin-right: 10px;
  //    background-color: color($colors, primary);
  //    padding: 0 10px;
  //    color: #ffffff;
  //  }
  //  div{
  //    display: flex;
  //    width: 100%;
  //    justify-content: space-between;
  //    align-items: center;
  //    font-size: 12px;
  //    font-weight: bold;
  //    ion-icon{
  //      margin-right: 10px;
  //    }
  //  }
  //}
  //
  //.DataTable {
  //  padding: 11px 16px 11px 16px !important;
  //}
  //
  //#CompanyScaleTrend {
  //  margin-top: -60px;
  //}
  //
  //.width-18 {
  //  width: 18% !important;
  //  max-width: 18% !important;
  //}
  //
  //.width-21 {
  //  width: 21% !important;
  //  max-width: 21% !important;
  //}
  //
  //.TitleIonItem {
  //    ion-label {
  //      text-overflow: clip !important;
  //    }
  //}
}
